<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>FAQ平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="Expires" content="-1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <meta name="description" content="致力于打造中国首款与人类具有情感共鸣、懂得人类思想，并能满足用户刚需功能的情感机器人。"/>
  <meta name="keywords"
        content="竹间、竹间智能、人工智能、机器人、情感计算、竹间官网、聊天机器人、语义理解、情感机器人、自然语言理解、Chatbot、AI、emotibot、EMOTIBOT、小影机器人、IoT、智能客服机器人、客服机器人、人工智能客服、简仁贤"/>
  <link rel="shortcut icon" href="static/img/favicon.ico"/>
  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <link rel="stylesheet" href="static/css/jquery-editable-select.min.css">
  <link rel="stylesheet" href="static/css/ladda-themeless.min.css">
  <link rel="stylesheet" href="static/css/style.css">
  <link rel="stylesheet" href="static/css/bootstrap-table.css">
  <link rel="stylesheet" href="static/css/bootstrap-editable.css">
  <link rel="stylesheet" href="static/css/toastr.min.css">
</head>
<body>
<div id="wrapper" class="toggled">
  <!--<div class="overlay"></div>-->
  <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
    <ul class="nav sidebar-nav">
      <li class="sidebar-brand">
        <a href="#">
          FAQ平台
        </a>
      </li>
      <li>
        <a href="/">数据导入</a>
      </li>
      <li>
        <a href="download">数据导出</a>
      </li>
      <li>
        <a href="expand">数据管理</a>
      </li>
      <li class="dropdown open">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: #6495ED">数据标注<span
            class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
          <!--<li class="dropdown-header">Dropdown heading</li>-->
          <li><a href="label">用户问标注</a></li>
          <li><a href="standard" style="color: #FF7F50">标准问标注</a></li>
        </ul>
      </li>
    </ul>
  </nav>
  <div id="page-content-wrapper">
    <button type="button" class="hamburger is-open animated fadeInLeft" data-toggle="offcanvas">
      <span class="hamb-top" style="background-color: #1a1a1a"></span>
      <span class="hamb-middle" style="background-color: #1a1a1a"></span>
      <span class="hamb-bottom" style="background-color: #1a1a1a"></span>
    </button>

    <div class="row">
      <div class="col-lg-10" id="dynamic" style="margin-left: 15px">
        <div class="panel-body" style="padding-bottom:0px;">
          <div style="margin-top: -10px; margin-bottom: 10px">
            <h5 style="margin-top: 0px; margin-bottom: 20px; color: #0000FF">标准问标注</h5>
            <span>项目名称</span>
            <select id="editable-select" class="form-control" name="appid" autocomplete="off" style="display: inline-block; width: 20%">
              {% for appid in appids %}
              <option>{{appid}}</option>
              {% endfor %}
            </select>
            <button id="project_conform" type="button" class="btn btn-primary">选择</button>
          </div>

          <div id="toolbar1" class="btn-group">
            <button id="btn_add1" type="button" class="btn btn-default">
              <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>标注
            </button>
            <button id="btn_delete1" type="button" class="btn btn-default">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
          </div>

          <div id="toolbar2" class="btn-group">
            <button id="btn_import" type="button" class="btn btn-default">
              <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>导入
            </button>
            <button id="btn_delete2" type="button" class="btn btn-default">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
          </div>

          <table>
            <tr>
              <td>
                <table id="tb_boundary"></table>
              </td>
              <td>
                <table id="tb_recommend"></table>
              </td>
              <td>
                <table id="tb_result"></table>
              </td>
            </tr>
          </table>

        </div>

      </div>

    </div>
  </div>
</div>


<footer class="footer"></footer>
<script src="static/js/jquery-3.1.1.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ug.js"></script>
<script src="static/js/jquery-editable-select.min.js"></script>
<script src="static/js/spin.min.js"></script>
<script src="static/js/ladda.min.js"></script>
<script src="static/js/bootstrap-table.js"></script>
<script src="static/js/bootstrap-table-zh-CN.js"></script>
<script src="static/js/bootstrap-table-export.js"></script>
<script src="static/js/bootstrap-editable.js"></script>
<script src="static/js/bootstrap-table-editable.js"></script>
<script src="static/js/toastr.min.js"></script>
<script src="static/js/standard.js"></script>
<script>
  $(document).ready(function () {
        $('#editable-select').editableSelect();
        toastr.options.positionClass = 'toast-top-center';
  });
</script>
</body>
</html>